<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
p{font-size:30px;}
span{font-weight:bold; color:red; background-color:yellow;}
</style>
</head>
<body>
<p>即使什么参数都不传也会变成一个数据的数组，因此如果想把一个字符串每个字符分割，就传一个空字符串''，（注意：如果分隔符在左右，也会生成个空在数组里），第二个可选参数限制生成数组的长度（超出的部分会被舍去）即使什么参数都不传也会变成一个数据的数组，因此如果想把一个字符串每个字符分割，就传一个空字符串''，（注意：如果分隔符在左右，也会生成个空在数组里），第二个可选参数限制生成数组的长度（超出的部分会被舍去）即使什么参数都不传也会变成一个数据的数组，因此如果想把一个字符串每个字符分割，就传一个空字符串''，（注意：如果分隔符在左右，也会生成个空在数组里），第二个可选参数限制生成数组的长度（超出的部分会被舍去）</p>
<input type="text"/><button>查找</button>
<input type="text"/><button>替换</button>
<script>
var oP = document.getElementsByTagName("p")[0];
var aTe = document.getElementsByTagName("input");
var aBtn = document.getElementsByTagName("button");
var str = oP.innerHTML;
aBtn[0].onclick = function (){
	oP.innerHTML = str;
	oP.innerHTML = str.split(aTe[0].value).join("<span>"+aTe[0].value+"</span>");
}
aBtn[1].onclick = function (){
	oP.innerHTML = str;
	oP.innerHTML = str.split(aTe[0].value).join("<span>"+aTe[1].value+"</span>");
}
</script>
</body>
</html>
